/**
 * Created by Administrator on 2017/11/30.
 */


import React , {Component} from 'react';
import {render} from 'react-dom';
import ist from './index.less' ;//主页的css样式

//padding-left-->paddingLeft
import style from './nav.less';//导航条的css样式

class Nav extends Component{

    constructor(props){
        super(props)

    }

   //<Nav aa="19" cc={box1} ss="30px"/>
    render(){
        var a=this.props.haha;
        return (
             <div className={ist.navdiv}>
                 <h1>{this.props.dd.xixi}</h1>

                <ul style={{top:this.props.ss}} className={style.navul}>
                    {this.props.cc.map((item,index)=>{
                        return  <li key={index}><a href={item.aa}>{item.cc}</a></li>
                    })}
                </ul>
            </div>
        );
    }
}

export default Nav;